<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
    <title>优惠券列表</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/couponLink.css">
</head>

<body>
    <div class="view">
        <!-- 头部 -->
        <header>
            <a href="javascript:history.back(-1)">
                <</a>
                    <p>肯德基优惠券</p>
                    <div class="appdown">
                        <a href="#">
                            <img src="./images/alicdn.png" alt="">
                        </a>
                    </div>
        </header>
        <!-- 提示 -->
        <div class="reminder">
            <p>-点餐前出示手机中的优惠券，即可享受优惠-</p>
        </div>
        <!-- 产品详情 -->
        <div class="particulars">
            <ul class="clearfix">
                <!-- <li>
                    <a href="javascript:;" class="clearfix">
                        <div class="pic">
                            <img src="./images/kfc.jpg" alt="">
                        </div>
                        <div class="info">
                            <div class="title">C27 两人小食组 新奥尔良烤翅2块+薯条(中)+黄金鸡块5块+劲爆鸡米花(小) 2016年10月凭肯德基优惠券</div>
                            <span>￥28</span>
                            <p>有效期至10月31日</p>
                        </div>
                        <div class="l">
                                   <span>></span>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="javascript:;" class="clearfix">
                        <div class="pic">
                            <img src="./images/kfc.jpg" alt="">
                        </div>
                        <div class="info">
                            <div class="title">C27 两人小食组 新奥尔良烤翅2块+薯条(中)+黄金鸡块5块+劲爆鸡米花(小) 2016年10月凭肯德基优惠券</div>
                            <span>￥28</span>
                            <p>有效期至10月31日</p>
                        </div>
                        <div class="l">
                                   <span>></span>
                        </div>
                    </a>
                </li> -->
            </ul>
        </div>
        <!-- 遮挡层 -->
       <div class="zhe">
            <div class="barrier">
                    <div class="barrier_left"> < </div>
                    <div class="innerdiv">
                        <img id="bigimg" src="" alt="">
                    </div>
                    <div class="barrier_right"> > </div>
                    <div class="close">
                        <img src="./images/close.png" alt="">
                    </div>
                </div>
       </div>
    </div>
</body>
</html>
<script src="./js/jquery.js"></script>
<script src="./js/itcastEvent.js"></script>
<script src="./js/couponLink.js"></script>
<script src="./js/src/zepto.js"></script>
<script src="./js/src/event.js"></script>
<!-- 事件触摸事件 -->
<script src="./js/src/touch.js"></script>
<!-- 移入模板文件 -->
<script src="./assets/art-template/template-web.js"></script>
<!-- 准备模板 -->
<script type="text/template" id="couponLink">
    {{each data val}}
    <li>
        <a href="javascript:;" class="clearfix">
            <div class="pic">
                {{@val.couponProductImg}}
                <input type="hidden" name="couponProductId" value={{val.couponProductId}}>
            </div>
            <div class="info">
                <div class="title">{{val.couponProductName}}</div>
                <span>{{val.couponProductPrice}}</span>
                <p>{{val.couponProductTime}}</p>
            </div>
            <div class="l">
                       <span>></span>
            </div>
        </a>
    </li>
    {{/each}}

</script>